<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <title>Title</title>
  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="keywords" content=""/>
  <meta name="description" content=""/>  
  <meta name="robots" content="index, follow" />
 
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>
  
</head>
<body>
<div id="top">
  <div id="wrap-user-border">
    <div id="wrap-user-border2">
      <div id="wrap-user">
        <div id="user-message">Good morning <strong>Guest</strong></div>
        <ul id="user-menu">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">My account</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="header">
    <div id="header-top">
      <div id="wrap-logo">
        <a href="1_homepage.html"><img src="images/logo.png" alt="" /></a>
      </div>
      <div id="wrap-header-info">
        <div id="cart">
          <div id="cart-title">SHOPPING CART</div>
          <div id="cart-summarry">Total: <a href="#" class="items">2 items</a> Amout: <span class="price">$356</span></div>
        </div>
        <div id="work-hours">
          <div class="white-line">To buy or help call <strong>01-2345-6789</strong></div>
          <div class="pink-line">Tuesday to Sunday from 10AM to 7PM</div>
        </div>
      </div>
    </div>
    <div id="header-bottom">
          <ul id="header-menu">
        <li><a href="2_homepage.html" class="active">HOME</a></li>
        <li><a href="1_homepage.html" class="inactive special">HOT DEALS!</a></li>
        <li><a href="2_homepage.html" class="inactive">ABOUT US</a></li>
        <li><a href="1_homepage.html" class="inactive">HOW TO BUY?</a></li>
        <li><a href="2_homepage.html" class="inactive">HOW DO I PAY?</a></li>
        <li><a href="1_homepage.html" class="inactive">FAQ</a></li>
        <li><a href="2_homepage.html" class="inactive">CONTACT US</a></li>
      </ul>
      <div id="search">
        <form id="search-form" action="" method="post">
          <div style="float: left;"><input class="nice_search" type="text" name="search" value="Product search..." /></div>
          <div style="float: left;"><input class="nice_submit" type="submit" name="submit_search" value="" /></div>
        </form>
      </div>
    </div>
  </div>
</div>
<div id="wrap-content">
  <div id="breadcrumb">
    <a href="#" class="breadcrumbHome">Homepage</a><span class="seperator"> &nbsp; </span><a href="#">Computers</a><span class="seperator"> &nbsp; </span><a href="#">Laptops</a><span class="seperator"> &nbsp; </span><span>Dell</span>
  </div>
  <div id="main-content">
    <div id="left-column">
      <div id="wrap-categories">
        <div class="wrap-title-black">
          <h2 class="nice-title">CATEGORIES</h2>
          <div class="expanded"></div>
        </div>
     <ul id="category-menu">
          <li><a href="3_interior_product_list_view.html">Desktops</a></li>
          <li><a href="3_interior_product_list_view.html">Notebooks</a></li>
          <li><a href="3_interior_product_list_view.html">Printers</a></li>
          <li>
            <a href="3_interior_product_list_view.html" class="extends">Mobile phones</a>
            <ul class="subcategory">
              <li><a href="3_interior_product_list_view.html">Lorem ipsum dolor</a></li>
              <li><a href="3_interior_product_list_view.html">Fusce ultricies tortor</a></li>
              <li><a href="3_interior_product_list_view.html">Donec consectetur</a></li>
              <li><a href="3_interior_product_list_view.html">Amet magna</a></li>
            </ul>
          </li>
          <li><a href="3_interior_product_list_view.html">Games</a></li>
          <li><a href="3_interior_product_list_view.html">Software's</a></li>
          <li><a href="3_interior_product_list_view.html">Digital cameras</a></li>
          <li><a href="3_interior_product_list_view.html">Electronics</a></li>
        </ul>
      </div>
      <div class="left-block">
        <h2 class="nice-title2">NEWSLETTER</h2>
        <div class="block-content">
          <form id="newsletter-form" action="" method="post">
            <p class="info">Sign up for our weekly newsletter and stay up-to-date with the latest offers, and newest products.</p>
            <p><input id="newsletter-value" class="nice-i" type="text" name="newsletter-email" value="Enter your email" /></p>
            <p><input class="nice-s" type="submit" name="newsletter-submit" value="SUBMIT" /></p>
          </form>
        </div>
      </div>
      <div class="left-block">
        <h2 class="nice-title2">CUSTOMER SUPPORT</h2>
        <div class="block-content" style="padding: 0px; width: 230px;">
          <p class="support"><a href="#">Email Asisstance</a></p>
          <p class="support"><a href="#">FAQs</a></p>
          <p class="support" style="border-bottom: 0px;"><span>Call 1-800-123-4567</span></p>
        </div>
      </div>
      <div class="left-block">
        <div class="block-content2">
          <img src="images/paypal-cards.jpg" alt="paypal cards" />
        </div>
      </div>
    </div>
    <div id="right-column">
      <div id="content">
        <div id="wrap-product-info">
          <div class="wrap-title-black">
            <h1 class="nice-title">MOBILE PHONES</h1><div class="share-buttons"><img src="images/share-buttons.png" alt="" style="margin-top: 7px;" /></div>
          </div>
          <div id="product-content">
            <div class="firstrow">
              <div class="wrap-images">
                <div class="bigimage">
                  <a href="#"><img src="images/product-image-big.jpg" alt="" /></a>
                </div>
                <div class="wrap-image-list">
                  <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                  <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                  <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                  <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                </div>
              </div>
              <div class="wrap-product-short">
                <h2>iPod touch 8GB* MP3 Player</h2>
                <h3>Model: dv7-1245dx</h3>
                <div class="summary">
                  <p>The ultimate all-in-one desktop now features quad-core processors, up to 3x faster graphics*, Thunderbolt, and a FaceTime HD camera.</p>
                </div>
                <div class="wrap-special-info">
                  <div class="left">
                    <p>Customer reviews:</p>
                    <div class="wrap-rating">
                      <ul class="star-rating">
                        <li><a href="#" title="1 star out of 5" class="one-star">1</a></li>
                        <li><a href="#" title="2 stars out of 5" class="two-stars">2</a></li>
                        <li><a href="#" title="3 stars out of 5" class="three-stars">3</a></li>
                        <li><a href="#" title="4 stars out of 5" class="four-stars">4</a></li>
                        <li><a href="#" title="5 stars out of 5" class="five-stars">5</a></li>
                      </ul>
                      <div class="rating-summary">3.0</div>
                    </div>
                    <p><a href="#">Read reviews(2)</a></p>
                    <p class="dotted">Availability: <span>In stock &amp; Ready To Ship!</span></p>
                    <p>Delivery: <span>Free &amp; Fast!</span></p>
                  </div>
                  <div class="right">
                    <div class="add-product-cart">
                      <div class="oldprice"><div class="l">Was:</div><div class="r">$699.00</div></div>
                      <div class="oldprice"><div class="l">Client savings:</div><div class="r">-$50.00</div></div>
                      <div class="currentprice"><div class="l">Total price:</div><div class="r">$649.00</div></div>
                      <form method="post" action="">
                        <div class="quantity">
                          <span>Qty:</span><input type="text" name="product-quantity" value="" />
                        </div>
                        <div class="add-quantity">
                          <input class="nice-s" type="submit" name="product-quantity-submit" value="ADD TO CART" />
                        </div>
                      </form>
                      <div class="wishlist"><a href="#">Add to wishlist</a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="secondrow">
              <div class="wrap-tabs">
                <div class="tabs">
                  <a id="tab1" href="#" class="active">Description</a>
                  <a id="tab2" href="#">Details</a>
                  <a id="tab3" href="#">Warranty</a>
                  <a id="tab4" href="#">Reviews</a>
                </div>
                <div class="wrap-tabs-content">
                  <div id="tab1-content">
                      <ul class="detailsList">
                        <li>
                          <span>2nd generation Intel® Core™ i5-2430M Processor ( 2.40GHz 1333MHz 3MB )</span>
                        </li>
                        <li class="itemDetailsFeatureRow1">
                          <span><nobr>Genuine</nobr> Windows 7 Home Premium 64</span>
                        </li>
                        <li>
                          <span>Intel Integrated HD Graphics 3000</span>
                        </li>
                        <li class="itemDetailsFeatureRow1">
                          <span>4 GB PC3-10600 DDR3 SDRAM 1333MHz</span>
                        </li>
                        <li>
                          <span>15.6" HD Glossy with integrated camera 1366x768</span>
                        </li>
                        <li class="itemDetailsFeatureRow1">
                          <span>Integrated 0.3MP Camera</span>
                        </li>
                        <li>
                          <span>Industry Standard Touchpad</span>
                        </li>
                        <li class="itemDetailsFeatureRow1 itemDetailsFeatureValue">
                          <span>750GB 5400</span>
                        </li>
                        <li>
                          <span>DVD Recordable (Dual Layer)</span>
                        </li>
                        <li class="itemDetailsFeatureRow1">
                          <span>6 Cell Lithium-Ion</span>
                        </li>
                        <li>
                          <span>Lenovo BGN Wireless</span>
                        </li>
                        <li class="itemDetailsFeatureRow1">
                          <span>HDMI (Out)</span>
                        </li>
                        <li>
                          <span>Fingerprint Reader</span>
                        </li>
                        <li class="itemDetailsFeatureRow1">
                          <span>One Year</span>
                        </li>
                    </ul>
                  </div>
                  <div id="tab2-content" style="display:none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
                  <div id="tab3-content" style="display:none;"><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
                  <div id="tab4-content" style="display:none;">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
                </div>
              </div>
              <div class="wrap-related">
                <h3>Related Products</h3>
                <ul id="related-products-nav">
                  <li>
                    <div class="image">
                      <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                    </div>
                    <div class="info">
                      <h4><a href="#">Sony - Walkman 4GB* MP3 Player with FM Radio - Blue</a></h4>
                      <p>Our Price: <strong>$1899.99</strong></p>
                    </div>
                  </li>
                  <li>
                    <div class="image">
                      <a href="#"><img src="images/product-image-small.jpg" alt="" /></a>
                    </div>
                    <div class="info">
                      <h4><a href="#">Sony - Walkman 4GB* MP3 Player with FM Radio - Blue</a></h4>
                      <p>Our Price: <strong>$1899.99</strong></p>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="footer">
  <div id="wrap-footer-links">
    <div id="footer-links">
      <div class="wrap-links">
        <h3>ORDER SUPPORT</h3>
        <ul>
          <li><a href="#">Order Status</a></li>
          <li><a href="#">Shipping &amp; Store Pickup</a></li>
          <li><a href="#">International Orders</a></li>
          <li><a href="#">Returns &amp; Refunds</a></li>
          <li><a href="#">Customer Service</a></li>
        </ul>
      </div>
      <div class="wrap-links">
        <h3>PRODUCT SUPPORT</h3>
        <ul>
          <li><a href="#">Order Support</a></li>
          <li><a href="#">Order Status</a></li>
          <li><a href="#">Shipping &amp; Store Pickup</a></li>
          <li><a href="#">International Orders</a></li>
          <li><a href="#">Store Pickup</a></li>
          <li><a href="#">Returns &amp; Refunds</a></li>
          <li><a href="#">Customer Service</a></li>
        </ul>
      </div>
      <div class="wrap-links">
        <h3>CREDIT CARDS</h3>
        <ul>
          <li><a href="#">Apply Now</a></li>
          <li><a href="#">Make a Payment</a></li>
          <li><a href="#">Card Benefits</a></li>
        </ul>
        <h3 style="margin-top: 10px;">REWARD ZONE PROGRAM</h3>
        <ul>
          <li><a href="#">Learn More</a></li>
          <li><a href="#">Check Your Points</a></li>
        </ul>
      </div>
      <div class="wrap-links">
        <h3>LEGAL</h3>
        <ul>
          <li><a href="#">Conditions of Use</a></li>
          <li><a href="#">Legal Notices</a></li>
          <li><a href="#">Privacy Policy</a></li>
          <li><a href="#">California Privacy Rights</a></li>
          <li><a href="#">Price Match Guarantees</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="wrap-bottom">
    <div id="bottom">
      <p class="left">2010 ProShopping - All rights reserved.</p>
      <div class="right"><p>Follow Us:</p><p><a href="#"><img src="images/skype-icon.png" alt="" /></a><a href="#"><img src="images/twiter-icon.png" alt="" /></a><a href="#"><img src="images/fb-icon.png" alt="" /></a></p></div>
    </div>
  </div>
</div>
</body>
</html>